/*Styling For Hero v1*/
.hero-banner {
	overflow: hidden;
	position: relative;
}
.hero-banner-1 {
	background: url("../images/banner1.jpg") no-repeat center top;
	background-size: cover;
}

.image-front {background: url("../images/banner1front.png") no-repeat center top;    height: 80px;
    position: relative;
    top: 150px;    left: -120px;}
.hero-banner-2 {
	background: url("../images/hero-2.jpg") no-repeat center top;
	background-size: cover;
}
.hero-banner-3 {
	background: url("../images/hero-3.jpg") no-repeat center top;
	background-size: cover;
}
.hero-banner-4 {
	background: url("../images/hero-4.jpg") no-repeat center top;
	background-size: cover;
}
.hero-banner-5 {
	background: #fff;
}
.hero-banner-6 {
	background: url("../images/hero-5.jpg") no-repeat center top;
	background-size: cover;
}
.hero-banner-7 {
	padding: 181px 0 0;
	background: url("../images/hero-6.jpg") no-repeat center top;
	background-size: cover;
}
.hero-banner-8 {
	padding: 177px 0 88px;
	background: url("../images/hero-7.jpg") no-repeat center top;
	background-size: cover;
}
.hero-banner-9 {
	background: url("../images/hero-8.jpg") no-repeat center top;
	background-size: cover;
}
.hero-banner-10 {
	background: url("../images/hero-9.jpg") no-repeat center top;
	background-size: cover;
}
.hero-banner-11 {
	background: url("../images/hero-10.jpg") no-repeat center top;
	background-size: cover;
}
.hero-banner-12 {
	background: url("../images/hero-11.jpg") no-repeat center top;
	background-size: cover;
}
.hero-banner-13 {
	background: url("../images/hero-12.jpg") no-repeat center top;
	background-size: cover;
}
.hero-banner-14 {
	background: url("../images/hero-13.jpg") no-repeat center top;
	background-size: cover;
}
.hero-banner-15 {
	background: url("../images/hero-14.jpg") no-repeat center top;
	background-size: cover;
}
.hero-banner-16 {
	background: url("../images/hero-15.jpg") no-repeat center top;
	background-size: cover;
}
.hero-banner-17 {
	background: url("../images/hero-16.jpg") no-repeat center top;
	background-size: cover;
}
.hero-banner-18 {
	background: url("../images/hero-19.jpg") no-repeat center top;
	background-size: cover;
}
.hero-banner-19 {
	background: url("../images/hero-20.jpg") no-repeat center top;
	background-size: cover;
}
.hero-banner-20 {
	background: url("../images/hero-21.jpg") no-repeat center top;
	background-size: cover;
}
.hero-banner-text {
	padding: 200px 0 178px;
	position: relative;
	z-index: 9;
}
.hero-banner .title-info {
	line-height: 1.45;
	margin: 0 0 35px;
}
.hero-banner .h5 {
	font-weight: 300;
	line-height: 2;
	letter-spacing: 0.1px;
	margin: 0 0 59px;
}
.hero-banner-1 .btn-xlg {
	font-size: 19px;
	padding: 16px 10px 12px;
	background: transparent;
	border: 1px solid #00d5c3;
	min-width: 202px;
	color: #00d5c3;
}
.hero-banner .btn-xlg .icon-cloud-download {
	font-size: 21px;
	margin-right: 14px;
}
.hero-banner-2 .title-info {
	font-size: 40px;
	text-transform: uppercase;
}
.hero-banner .title-info span {
	color: #00d5c3;
}
.sub-title {
	font-size: 60px;
	text-transform: uppercase;
	display: block;
}
.hero-banner-2 .light-btn {
	color: #2f3542;
}
.hero-banner-text-2 .sub-title {
	text-transform: initial;
}
.hero-banner .h5 {
	letter-spacing: 0.5px;
}
.hero-fig {
	position: relative;
	top: 102px;
	z-index: 9;
	text-align: center;
}
.hero-banner-text-3 .title-info {
	font-size: 36px;
	text-transform: uppercase;
}
.hero-banner-text-3 h4 {
	text-transform: uppercase;
	letter-spacing: 5px;
}
.hero-banner-text-3 {
	padding: 200px 0 78px;
}
.hero-banner-text-3 .scroll-circle {
	margin: 100px 0 0;
}
.hero-banner-text-4 .title-info {
	font-size: 36px;
	color: #2f3542;
	font-weight: 400;
}
.hero-banner-text-4 .title-info .sub-title {
	text-transform: initial;
	font-weight: 400;
}
.hero-banner-text-4 .h5 {
	color: #2f3542;
}
.hero-banner-6 .title-info {
	font-family: 'Alex Brush', cursive;
	font-size: 103px;
	color: #1b1e22;
	line-height: 0.5;
}
.hero-banner-6 .title-info span {
	display: block;
	color: #1b1e22;
}
.hero-banner-6 .title-info {
	margin: 0 0 75px;
}
.hero-banner-7 .hero-fig {
	top: 0;
}
.hero-banner-text-5 .title-info, .hero-banner-text-5 .title-info span, .hero-banner-text-5 .h5 {
	color: #1e2024;
}
.hero-banner-text-5 .title-info span {
	font-weight: 800;
}
.hero-banner-text-5 .h5 {
	font-weight: 800;
}
.hero-banner-text-5 .title-info .sub-title {
	text-transform: initial;
}
.hero-banner-8 .hero-fig {
	top: auto;
}
.hero-banner-8 .hero-banner-text {
	padding: 75px 0 131px;
}
.hero-banner-text-7 .h2 {
	text-transform: uppercase;
	margin: 0;
	letter-spacing: 5px;
	font-weight: 600;
}
.hero-banner-text-7 .title-info {
	margin: 0;
	font-weight: 300;
	text-transform: uppercase;
}
.hero-banner-10 .title-info {
	font-size: 27px;
	color: #121214;
}
.hero-banner-10 .sub-title {
	text-transform: initial;
	font-size: 48px;
	color: #121214;
	font-weight: 800;
}
.hero-banner-10 .h5 {
	color: #121214;
	font-weight: 600;
}
.hero-banner-10 .black-btn {
	color: #fff;
}
.hero-banner-10 .black-btn i {
	color: #00d5c3;
}
.hero-banner-10 .line-btn {
	border: 2px solid #585354;
	color: #2f3542;
}
.hero-banner-10 .hero-banner-text {
	padding: 200px 0 300px;
}
.hero-banner-11 .icon-block {
	float: none;
	padding-top: 0;
}
.hero-banner-11 .h3 {
	margin: 40px 0 0;
}
.hero-banner-12 .white-btn {
	color: #00d5c3;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.hero-input-box .contact-icon {
	left: auto;
	right: 20px;
}
.hero-input-box input[type="email"] {
	padding: 12px 50px 12px 20px;
}
.hero-input-box ul li:first-child {
	max-width: 350px;
	float: none;
	display: inline-block;
}
.hero-input-box ul li {
	float: none;
	display: inline-block;
}
.hero-banner-13 .not-share, .hero-banner-19 .not-share {
	display: block;
	font-size: 11px;
	margin-left: 65px;
	margin-top: -20px;
	text-align: left;
}

.hero-banner-14 .large-block .release-text {
	font-size: 21px;
}
.hero-banner-14 .large-block .release-text a {
	color: #00d5c3;
}
.hero-banner-14 .not-share {
	display: block;
	font-size: 11px;
	margin-left: 15px;
	margin-top: -20px;
	text-align: left;
}
.hero-large-block {
	margin: 0 0 70px;
}
.hero-fig-2 {
	position: absolute;
}
.hero-banner-15 .hero-banner-text {
	padding: 200px 0 123px;
}
.hero-banner-text-6 h2 {
	line-height: 1.6;
	margin: 0 0 30px;
}
.hero-banner-text-6 h5 {
	font-size: 16px;
}
.hero-banner-text-7 figure {
	margin: 70px 0 0;
}
.hero-banner-16 .not-share {
	display: block;
	font-size: 11px;
	margin-top: -20px;
	text-align: left;
}

.hero-banner-17 .hero-banner-text {
	padding: 130px 0 50px;
}
.hero-banner-text-8 h2 {
	font-size: 190px;
	text-transform: uppercase;
	background: -webkit-linear-gradient(#00faf9,#00faf8,#00f6f3,#00ede5);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	font-weight: 900;
	position: relative;
}
.hero-banner-text-8 h2:after {
	background: none;
	content: attr(data-text);
	left: 0;
	position: absolute;
	text-shadow: 5px 8px 10px rgba(0,0,0,0.3);
	top: 0;
	z-index: -1;
}
.hero-logo {
	position: absolute;
	font-family: 'Alex Brush', cursive;
	font-size: 120px;
	color: #fff;
	left: 0;
	top: 31px;
	width: 100%;
	text-align: center;
	-webkit-text-fill-color: #fff;
	transform: rotate(-12deg);
	-webkit-transform: rotate(-12deg);
	text-transform: none;
}
.hero-banner-text-8 h4 {
	font-weight: 700;
	margin: 50px 0 0;
}
.hero-btn {
	text-transform: uppercase;
	letter-spacing: 2px;
}
/*..6/10/2016..*/
.light-overlay:after {
	background: rgba(0, 0, 0, 0.6);
}
.hero-banner-9 .hero-fig, .hero-banner-19 .hero-fig {
	top: 178px;
	margin-top: 0;
}
.hero-banner-18 .hero-btn {
	margin-top: 70px;
}
.hero-banner-18 .hero-banner-text-8 h2 {
	color: #00f8f4;
}
.new-small-heading h2 {
	font-size: 21px;
}

@media (max-width: 1199px) {
	.hero-banner-text {
		padding: 90px 0;
	}
	.hero-banner .title-info {
		line-height: 1.3;
		margin: 0 0 20px;
	}
	.hero-banner .h5 {
		margin: 0 0 35px;
	}
	.hero-banner .download-btn {
		margin-bottom: 25px;
	}
	.hero-banner-text-3 .scroll-circle {
		margin: 55px 0 0;
	}
	.hero-banner-6 .title-info {
		line-height: 0.5;
	}
	.hero-banner-7 {
		padding: 90px 0 0;
	}
	.hero-banner-8 .hero-banner-text {
		padding: 50px 0;
	}
	.hero-banner-8 {
		padding: 90px 0 80px;
	}
	.hero-banner-10 .hero-banner-text {
		padding: 90px 0;
	}
	.hero-banner-15 .hero-banner-text {
		padding: 90px 0 65px;
	}
	.hero-banner-17 .hero-banner-text {
		padding: 90px 0 35px;
	}
	.hero-banner-text-8 h4 {
		margin: 25px 0 0;
	}
	.hero-banner-18 .hero-btn {
		margin-top: 45px;
	}
	.hero-banner-9 .hero-fig, .hero-banner-19 .hero-fig {
		top: 90px;
	}
}
@media (max-width: 991px) {
	.hero-banner-text {
		padding: 50px 0;
	}
	.title-info {
		font-size: 28px;
	}
	.hero-banner-2 .title-info, .hero-banner-text-3 .title-info, .hero-banner-text-4 .title-info {
		font-size: 26px;
	}
	.sub-title, .hero-banner-10 .sub-title {
		font-size: 36px;
	}
	.btn-xlg {
		font-size: 20px;
		min-width: 200px;
		padding: 15px;
	}
	.hero-banner-text-3 .scroll-circle {
		margin: 40px 0 0;
	}
	.hero-banner-7, .hero-banner-8, .hero-banner-10 .hero-banner-text {
		padding: 50px 0 0;
	}
	.hero-banner-text-7 .h2 {
		font-size: 36px;
	}
	.hero-banner-9 .hero-fig, .hero-banner-19 .hero-fig {
		top: 50px;
	}
	.hero-banner-11 .h3 {
		margin: 30px 0 0;
	}
	.hero-banner .h5 br {
		display: none;
	}
	.hero-banner-14 .large-block .release-text {
		font-size: 18px;
	}
	.large-block .countdown-amount {
		font-size: 40px;
	}
	.hero-large-block {
		margin: 0 0 50px;
	}
	.hero-banner-15 .hero-banner-text {
		padding: 50px 0;
	}
	.hero-banner-15 .hero-fig {
		top: 50px;
	}
	.hero-banner-text-6 h2 {
		line-height: 1.3;
		margin-bottom: 20px;
		font-size: 26px;
	}
	.hero-banner-17 .hero-banner-text {
		padding: 50px 0 20px;
	}
	.hero-banner-text-7 figure {
		margin: 50px 0 0;
	}
	.hero-banner-text-8 h2 {
		font-size: 140px;
	}
	.hero-logo {
		font-size: 80px;
	}
	.hero-banner-text-8 h4 {
		margin: 15px 0 0;
	}
	.hero-banner-18 .hero-btn {
		margin-top: 30px;
	}
	.hero-banner-20 .hero-fig {
		top: 20px;
		margin-bottom: 35px;
	}
	.hero-banner-20 .icon-size {
		font-size: 40px;
	}
	.hero-banner-20 .iconbox-feature {
		padding-left: 15px;
		width: 81%;
	}
	.new-small-heading h2 {
		font-size: 18px;
	}
}
@media (max-width: 767px) {
	.title-info {
		font-size: 20px;
	}
	.hero-banner .title-info {
		margin: 0 0 15px;
	}
	.hero-banner .h5 {
		font-size: 12px;
		line-height: 1.5;
		margin: 0 0 20px;
	}
	.hero-banner-1 .btn-xlg {
		font-size: 15px;
		min-width: 150px;
		padding: 12px 8px;
		margin-bottom: 10px;
	}
	.btn-xlg {
		font-size: 15px;
		min-width: 150px;
		padding: 12px 8px;
		margin-bottom: 10px;
		margin-right: 15px;
	}
	.hero-banner .btn-xlg .icon-cloud-download {
		font-size: 19px;
		margin-right: 10px;
	}
	.hero-banner-text {
		padding: 30px 0;
	}
	.hero-banner-2 .title-info, .hero-banner-text-3 .title-info, .hero-banner-text-4 .title-info {
		font-size: 20px;
	}
	.sub-title, .hero-banner-10 .sub-title {
		font-size: 26px;
	}
	.hero-banner .download-btn {
		margin-bottom: 20px;
		margin-right: 15px;
	}
	.hero-banner-text-3 h4 {
		font-size: 18px;
	}
	.hero-banner-6 .hero-banner-text {
		padding-top: 95px;
	}
	.hero-banner-6 .title-info {
		font-size: 60px;
	}
	.hero-banner-7, .hero-banner-8, .hero-banner-10 .hero-banner-text {
		padding: 30px 0 0;
	}
	.hero-banner-7 {
		padding-bottom: 30px;
	}
	.hero-banner-8 .hero-banner-text {
		padding: 30px 0;
	}
	.hero-banner-text-7 .h2 {
		font-size: 26px;
	}
	.hero-banner-9 .hero-fig, .hero-banner-19 .hero-fig {
		top: 30px;
	}
	.hero-banner-10 .title-info {
		font-size: 20px;
	}
	.btn-lg {
		margin-right: 15px;
		font-size: 15px;
		min-width: 150px;
		padding: 12px 8px;
		margin-bottom: 10px;
	}
	.hero-banner-11 .h3 {
		font-size: 22px;
	}
	.btn-xlg .icon-cloud-download, .btn-xlg .icon-arrow-right-circle {
		font-size: 19px;
	}
	.hero-banner-12 .hero-banner-text {
		padding-top: 70px;
		padding-bottom: 50px;
	}
	.hero-input-box ul li:first-child {
		max-width: inherit;
	}
	.hero-banner-13 .not-share, .hero-banner-19 .not-share, .hero-banner-14 .not-share {
		margin-left: 0;
		margin-top: 0;
	}
	.large-block .countdown-amount {
		font-size: 30px;
	}
	.large-block .countdown-period {
		font-size: 15px;
	}
	.hero-large-block {
		margin: 0 0 30px;
	}
	.hero-banner-15 .hero-fig {
		position: relative;
		top: 0;
	}
	.hero-banner-15 .hero-banner-text {
		padding: 30px 0;
	}
	.hero-banner-16 .hero-fig-2 {
		position: relative;
		top: 0;
	}
	.hero-banner-text-6 h2 {
		font-size: 20px;
		margin-bottom: 15px;
	}
	.hero-banner-17 .hero-banner-text {
		padding: 30px 0 0;
	}
	.hero-banner-text-7 figure {
		margin: 40px 0 0;
	}
	.hero-banner-text-8 h2 {
		font-size: 55px;
	}
	.hero-logo {
		font-size: 32px;
		top: 11px;
	}
	.hero-banner-text-8 h2 {
		font-size: 55px;
	}
	.hero-banner-text-8 h4 {
		font-size: 18px;
		margin: 15px 0 0;
	}
	.hero-banner-20 .hero-fig {
		margin-bottom: 0;
		top: 0;
	}
	.hero-banner-20 .iconbox-feature {
		padding-left: 60px;
		width: 100%;
	}
	.hero-banner-20 .iconbox-feature{
		font-size:12px;
	}
}